<!doctype html>
<html>
<head>
	<title>HTML5 Progress Bar</title>
	
	<link rel="stylesheet" href="css/progressbar/normalize.css">
	<link rel="stylesheet" href="css/progressBar/progress.bar.css">
	<link rel="stylesheet" href="css/css.css">
	<script src="/js/jquery-1.8.2.min.js" type="text/javascript"></script>
	<script src="/js/progressbar/modernizr.js" type="text/javascript"></script>
		<script src="/js/progressBar/progress.bar.js" type="text/javascript"></script>
	
</head>
<body>
	
	
	<script>
	function _(el) {
		return document.getElementById(el);
	}
	function uploadFile() {
		var file = _("file1").files[0];
		//alert(file.name+" | "+file.size+" | "+file.type);
		var formdata = new FormData();
		formdata.append("file", file);
		var ajax = new ajaxPost();
		ajax.open("POST", "/fullhappy_shop");
		ajax.send(formdata);
	}
	
	
		
	</script>
	<form id="upload_form" enctype="multipart/form-data" method="post">
		<input type="file" name="file" id="file1"><br> <input
			type="button" value="Upload File" onclick="uploadFile()">		
	</form> 
</body>
</html>